<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<th:block th:include="include :: head" />

<body>
    <!-- Top Bar Start -->
    <div class="topbar">
        <th:block th:include="include :: topbar" />
    </div>
    <!-- Top Bar End -->
    <!-- Left Sidenav -->
    <div class="left-sidenav">
        <th:block th:include="include :: left-sidenav" />
    </div>
    <!-- end left-sidenav-->
    <div class="page-wrapper">
        <!-- Page Content-->
        <div class="page-content">
            <div class="container-fluid">
                <!-- Page-Title -->
                <div class="row">
                    <div class="col-sm-12">
                        <div class="page-title-box">
                            <div class="float-right">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
                                    <li class="breadcrumb-item active">首页</li>
                                </ol>
                            </div>
                            <h4 class="page-title">首页</h4>
                        </div>
                        <!--end page-title-box-->
                    </div>
                    <!--end col-->
                </div><!-- end page title end breadcrumb -->
                <div class="row">
                    <div class="col-xl-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="media"><img th:src="${loginUser.imageUrl}" alt=""
                                        class="thumb-md rounded-circle mr-2">
                                    <div class="media-body align-self-center">
                                        <h4 class="mt-0 mb-1" th:text="'欢迎回来,' + ${loginUser.username} + '!'"></h4>
                                        <p class="text-muted mb-0 font-14 pr-5">欢迎使用本系统！</p>
                                    </div>
                                    <!--end media-body-->
                                </div>
                                <!--end media-->
                            </div>
                            <!--end card-body-->
                        </div>
                        <!--end card-->
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="card crm-data-card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-4 align-self-center">
                                                <div class="icon-info"><i
                                                        class="far fa-user rounded-circle bg-soft-pink"></i></div>
                                            </div><!-- end col-->
                                            <div class="col-8 text-right">
                                                <p class="text-muted font-14">已有用户</p>
                                                <h3 class="mb-0" th:text="${main.havePeople}"></h3>
                                            </div><!-- end col-->
                                        </div><!-- end row-->
                                    </div>
                                    <!--end card-body-->
                                </div>
                                <!--end card-->
                            </div>
                            <!--end col-->
                            <div class="col-sm-3">
                                <div class="card crm-data-card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-4 align-self-center">
                                                <div class="icon-info"><i
                                                        class="far fa-smile rounded-circle bg-soft-success"></i></div>
                                            </div><!-- end col-->
                                            <div class="col-8 text-right">
                                                <p class="text-muted font-14">已为您完成次数</p>
                                                <h3 class="mb-0" th:text="${main.taskNum}"></h3>
                                            </div><!-- end col-->
                                        </div><!-- end row-->
                                    </div>
                                    <!--end card-body-->
                                </div>
                                <!--end card-->
                            </div>
                            <!--end col-->
                            <div class="col-sm-3">
                                <div class="card crm-data-card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-4 align-self-center">
                                                <div class="icon-info"><i class="far fa-registered rounded-circle bg-soft-warning"></i></div>
                                            </div><!-- end col-->
                                            <div class="col-8 text-right">
                                                <p class="text-muted font-14">全局任务次数</p>
                                                <h3 class="mb-0" th:text="${main.totalNum}"></h3>
                                            </div><!-- end col-->
                                        </div><!-- end row-->
                                    </div>
                                    <!--end card-body-->
                                </div>
                                <!--end card-->
                            </div>
                            <!--end col-->
                            <div class="col-sm-3">
                                <div class="card crm-data-card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-4 align-self-center">
                                                <div class="icon-info"><i class="far fa-handshake rounded-circle bg-soft-purple"></i></div>
                                            </div><!-- end col-->
                                            <div class="col-8 text-right">
                                                <p class="text-muted font-14">服务器状态</p>
                                                <h3 class="mb-0">良好</h3>
                                            </div><!-- end col-->
                                        </div><!-- end row-->
                                    </div>
                                    <!--end card-body-->
                                </div>
                                <!--end card-->
                            </div>
                            <!--end col-->
                        </div>
                        <!--end row-->
                    </div><!-- end col-->
                </div>
                <!--end row-->
            </div><!-- container -->
            <th:block th:include="include :: footer"/>
            <!--end footer-->
        </div><!-- end page content -->
    </div><!-- end page-wrapper -->
</body>

</html>